<template>
	<view>
		<view class="top_title">
			<view style="padding: 30rpx 30rpx; background-color: #fff"
				><u-section
					class="contentList"
					v-for="(item, index) in section"
					:key="index"
					:title="item.title"
					:sub-title="'￥' + item.name"
					:show-line="false"
					:arrow="false"
					sub-color="#000"
					font-size="34"
				></u-section
			></view>
		</view>
		<!-- 最大可转出金额 -->
		<view class="maxMoney">
			<view style="font-size: 30rpx; color: #cccccc">最大可转出金额</view>
			<view style="font-size: 80rpx; font-weight: bold">￥{{ money }}</view>
		</view>
		<view style="margin-top: 50rpx; padding: 30rpx">
			<u-button type="success" :disabled="disabled" @click="confirm"
				>确认退款</u-button
			>
		</view>
		<!-- 注意事项 -->
		<view class="title">
			<view style="color: #f76c2b">注意事项</view>
			<view>1.刷卡或现金充值的金额暂不支持线上退款</view>
			<view
				>2.退款仅支持2个月内通过微信进行充值的就诊卡的月。超过2个月请前往人工窗口退款</view
			>
		</view>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
export default {
	data() {
		return {
			money: '1',
			disabled: false,
			section: [
				{ title: '就诊卡可用余额', name: '11' },
				{ title: '可退金额', name: '1' },
			],
		}
	},
	methods: {
		confirm() {
			this.$refs.uToast.show({
				title: '退款成功',
				type: 'success',
			})
		},
	},

	onReady() {
		if (this.money == 0) {
			this.disabled = true
		}
	},
}
</script>

<style lang="scss">
page {
	background-color: #eaeaea;
}
.top_title {
	margin-bottom: 20rpx;
}
.contentList {
	line-height: 70rpx;
}
.maxMoney {
	background-color: #fff;
	padding: 30rpx;
}
.title {
	padding: 30rpx;
	view {
		color: #cccccc;
		margin-top: 35rpx;
	}
}
</style>